home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Blogowanie poza sfera / Flock 0.9.1.3 stable / flock-0.9.1.3.en-US.win32.exe / flock / chrome / classic.jar / skin / classic / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-08-23  |  15.1 KB  |  630 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * Netscape Communications Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   Joe Hewitt (hewitt@netscape.com)
  23.  *   Jason Kersey (kerz@netscape.com)
  24.  *   Pierre Chanial (chanial@noos.fr)
  25.  *   Dean Tessman (dean_tessman@hotmail.com)
  26.  *   Blake Ross (blake@cs.stanford.edu)
  27.  *
  28.  * Alternatively, the contents of this file may be used under the terms of
  29.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  30.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  31.  * in which case the provisions of the GPL or the LGPL are applicable instead
  32.  * of those above. If you wish to allow use of your version of this file only
  33.  * under the terms of either the GPL or the LGPL, and not to allow others to
  34.  * use your version of this file under the terms of the MPL, indicate your
  35.  * decision by deleting the provisions above and replace them with the notice
  36.  * and other provisions required by the GPL or the LGPL. If you do not delete
  37.  * the provisions above, a recipient may use your version of this file under
  38.  * the terms of any one of the MPL, the GPL or the LGPL.
  39.  *
  40.  * ***** END LICENSE BLOCK ***** */
  41.  
  42. @import url("chrome://global/skin/");
  43. @import url(chrome://browser/skin/browser_flock.css);
  44. @import url(chrome://browser/skin/tabs.css);
  45.  
  46. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  47.  
  48. #menubar-items {
  49.   -moz-box-orient: vertical; /* for flex hack */
  50.  
  51. }
  52.  
  53. #menubar-items > menubar {
  54.   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
  55. }
  56.  
  57. /* BC: mar29-07 - Windows/Unix Specific Menubar style */
  58. #toolbar-menubar {
  59.   background-image: url("chrome://browser/skin/menubar-bg.png");
  60.   background-position: bottom left;
  61.   background-repeat: repeat-x;
  62.   padding-bottom: 4px;
  63.   padding-top: 0px;
  64.   height: 24px;
  65.   border: 0px;
  66. }
  67. #toolbar-menubar #menubar-items {
  68.   background-color: transparent;
  69.   max-height: 20px;
  70. }
  71. #toolbar-menubar #menubar-items > menubar {
  72.   background-color: transparent;
  73.   margin: 0px;
  74. }
  75. #toolbar-menubar #menubar-items > menubar > menu:hover {
  76.   max-height: 20px;
  77. }
  78. #PersonalToolbar {
  79.   min-height: 26px;
  80. }
  81.  
  82. /* ..... fix searchbar "add engine" padding issue ..... */
  83.  
  84. #searchbar .searchbar-popup .open-engine-manager { 
  85.   -moz-padding-start: 4px; 
  86. }
  87.  
  88. #searchbar[empty="true"] .searchbar-textbox {
  89.   color: GrayText;
  90. }
  91.  
  92. /* ::::: bookmark buttons ::::: */
  93.  
  94. toolbarbutton.bookmark-item {
  95.   margin: 0;
  96.   min-width: 0;
  97.   max-width: 13em;
  98.   padding: 2px 5px 0px 5px;
  99. }
  100.  
  101. toolbarbutton.bookmark-item-microsummarized {
  102.   max-width: 20em;
  103. }
  104.  
  105. toolbarbutton.bookmark-item:hover:active,
  106. toolbarbutton.bookmark-item[open="true"] {
  107.   padding-top: 3px;
  108.   padding-bottom: 1px;
  109.   -moz-padding-start: 4px;
  110.   -moz-padding-end: 2px;
  111. }
  112.  
  113. .bookmark-item > .toolbarbutton-icon {
  114.   width: 16px;
  115.   height: 16px;
  116. }
  117.  
  118. /* Prevent [mode="icons"] from hiding the label */
  119. .bookmark-item > .toolbarbutton-text {
  120.   display: -moz-box !important;
  121. }
  122.  
  123. .bookmark-item > .toolbarbutton-menu-dropmarker {
  124.   display: none;
  125. }
  126.  
  127. #wrapper-personal-bookmarks .toolbarpaletteitem-box {
  128.   width: 16px;
  129.   height: 16px;
  130.   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important;
  131. }
  132.  
  133. /*
  134. #wrapper-search-container .searchbar-textbox {
  135.   -moz-user-input: disabled;
  136.   -moz-user-focus: normal;
  137. }
  138. */
  139.  
  140. .bookmarks-toolbar-customize {
  141.   display: none;
  142.   max-width: 15em !important;
  143. }
  144.  
  145. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  146.   display: -moz-box;
  147. }
  148.  
  149. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  150.   visibility: hidden;
  151. }
  152.  
  153. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  154.   visibility: hidden;
  155. }
  156.  
  157.  
  158. /* ::::: bookmark menus ::::: */
  159.  
  160. menu.bookmark-item,
  161. menuitem.bookmark-item {
  162.   min-width: 0;
  163.   max-width: 26em;
  164. }
  165.  
  166. .bookmark-item > .menu-iconic-left {
  167.   margin-top: 0;
  168.   margin-bottom: 0;
  169. }
  170.  
  171. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  172.   width: 16px;
  173.   height: 16px;
  174.   -moz-padding-start: 0px;
  175. }
  176.  
  177. /* ..... fix bookmarks padding issue ..... */
  178.  
  179. #menu_BookmarksPopup menuitem { 
  180. -moz-padding-start: 4px; 
  181. }
  182.  
  183. #menu_BookmarksPopup menuitem.menuitem-iconic { 
  184. -moz-padding-start: 0px; 
  185. }
  186.  
  187.  
  188. /* ..... drag and drop styles ..... */
  189.  
  190. .bookmark-item[dragover-left="true"] {
  191.   -moz-border-left-colors: #000000;
  192. }
  193. .bookmark-item[dragover-right="true"] {
  194.   -moz-border-right-colors: #000000;
  195. }
  196. .bookmark-item[dragover-top="true"] {
  197.   -moz-border-top-colors: #000000;
  198. }
  199. .bookmark-item[dragover-bottom="true"] {
  200.   -moz-border-bottom-colors: #000000;
  201. }
  202.  
  203. /* ::::: bookmark items ::::: */
  204.  
  205. .bookmark-item  {
  206.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  207.   -moz-image-region: rect(0px, 16px, 16px, 0px)
  208. }
  209.  
  210. .bookmark-item[container="true"] {
  211.   -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
  212. }
  213.  
  214. .bookmark-item[open="true"],
  215. .bookmark-item[container="true"][open="true"] {
  216.   -moz-image-region: rect(16px, 32px, 32px, 16px) !important;
  217. }
  218.  
  219. /* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */
  220. /* only the folder icon has any effect for now, item icon is unused */
  221. .bookmark-item[livemark="true"] { 
  222.   list-style-image: url("chrome://browser/skin/livemark-item.png") !important;
  223. }
  224.  
  225. .bookmark-item[livemark="true"][chromedir="rtl"] { 
  226.   list-style-image: url("chrome://browser/skin/livemark-item-rtl.png") !important;
  227. }
  228.  
  229. .bookmark-item[type="menu"][livemark="true"] { 
  230.   -moz-image-region: rect(0px, 48px, 16px, 32px) !important;
  231. }
  232.  
  233. .bookmark-item[type="menu"][livemark="true"][open="true"] { 
  234.   -moz-image-region: rect(16px, 48px, 32px, 32px) !important;
  235. }
  236.  
  237. /* ::::: primary toolbar buttons ::::: */
  238.  
  239. .toolbarbutton-1 {
  240.   -moz-box-orient: vertical;
  241.   min-width: 0px;
  242.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  243. }
  244.  
  245. .toolbarbutton-1 .toolbarbutton-icon {
  246.   -moz-margin-end: 0px;
  247. }
  248.  
  249. toolbar[mode="full"] .toolbarbutton-1,
  250. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  251.   min-width: 57px;
  252. }
  253.  
  254. toolbar[mode="icons"] .toolbarbutton-1 .toolbarbutton-text,
  255. toolbar[mode="icons"] .toolbarbutton-menubutton-button .toolbarbutton-text {
  256.   display: none;
  257. }
  258.  
  259. .toolbarbutton-1, .toolbarbutton-menubutton-button {
  260.   padding: 5px;
  261. }
  262.  
  263. .toolbarbutton-1:hover:active:not([disabled]),
  264. .toolbarbutton-1[open="true"], 
  265. .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  266. .toolbarbutton-menubutton-button[open="true"] {
  267.   padding-top: 5px;
  268.   padding-bottom: 5px;
  269.   -moz-padding-start: 6px;
  270.   -moz-padding-end: 4px;
  271. }
  272.  
  273. .toolbarbutton-1[checked="true"] {
  274.   padding-top: 2px !important;
  275.   padding-bottom: 2px !important;
  276.   -moz-padding-start: 6px !important;
  277.   -moz-padding-end: 4px !important;
  278. }
  279.  
  280. .toolbarbutton-1[type="menu-button"] {
  281.   padding: 0px !important;
  282. }
  283.  
  284. .toolbarbutton-menubutton-stack,
  285. .toolbarbutton-menubutton-button,
  286. .toolbarbutton-menubutton-stack:hover,
  287. .toolbarbutton-menubutton-button:hover,
  288. .toolbarbutton-menubutton-stack:hover:active,
  289. .toolbarbutton-menubutton-button:hover:active {
  290.   margin: 0 !important;
  291.   display: -moz-box;
  292. }
  293.  
  294. /* ::::: 24px primary toolbar buttons ::::: */
  295.  
  296. /* these styles can be found in browser_flock.css */
  297.  
  298. /* ::::: 16px primary toolbar buttons ::::: */
  299.  
  300.  
  301.  
  302. /* ::::: fullscreen window controls ::::: */
  303.  
  304. #window-controls {
  305.   -moz-box-align: center;
  306.   padding-top: 0px;
  307.   padding-bottom: 0px;
  308.   -moz-padding-start: 4px;
  309.   -moz-padding-end: 2px;
  310.   border-left: 2px solid;
  311.   -moz-border-left-colors: ThreeDHighlight ThreeDShadow;
  312. }
  313.  
  314. #minimize-button {
  315.   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
  316. }
  317. #restore-button {
  318.   list-style-image: url("chrome://global/skin/icons/Restore.gif");
  319. }
  320. #close-button {
  321.   list-style-image: url("chrome://global/skin/icons/Close.gif");
  322. }
  323.  
  324. /* ::::: nav-bar-inner ::::: */
  325.  
  326. #urlbar {
  327.   margin: 2px 3px;
  328. }
  329.  
  330. /* ::::: page proxy icon ::::: */
  331.  
  332. #page-proxy-deck,
  333. #page-proxy-favicon,
  334. #page-proxy-button {
  335.   width: 16px;
  336.   height: 16px;
  337. }
  338.  
  339. #page-proxy-deck {
  340.   cursor: -moz-grab;
  341.   margin: 2px 3px;
  342. }
  343.  
  344. #page-proxy-favicon {
  345.   list-style-image: none;
  346. }
  347.  
  348. #page-proxy-button {
  349.   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
  350.   -moz-image-region: rect(0px, 16px, 16px, 0px);}
  351.  
  352. #page-proxy-button[pageproxystate="invalid"] {
  353.   cursor: default;
  354.   -moz-image-region: rect(32px, 16px, 48px, 0px) !important;
  355. }
  356.  
  357.  
  358. statusbarpanel#statusbar-display {
  359.   -moz-padding-start: 0;
  360. }
  361.  
  362. /* ::::: autocomplete ::::: */
  363.  
  364. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  365.   color: #555566;
  366. }
  367.  
  368. .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), 
  369. .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) 
  370. {
  371.   color: GrayText;
  372.   font-size: smaller;
  373. }
  374.  
  375. .autocomplete-treebody::-moz-tree-cell(suggesthint) {
  376.   border-top: 1px solid GrayText;
  377. }
  378.     
  379. /* ::::: go button ::::: */
  380.  
  381. #go-container {
  382.   -moz-box-orient: vertical; /* for go button flex hack */
  383. }
  384.  
  385. #go-button {
  386.   -moz-box-flex: 1; /* expand to fill toolbar height */
  387.   list-style-image: url("chrome://browser/skin/Go.png");
  388.   -moz-image-region: rect(0px 20px 20px 0px);
  389.   padding-top: 2px;
  390.   padding-bottom: 2px;
  391.   -moz-padding-start: 3px;
  392.   -moz-padding-end: 5px;
  393. }
  394.  
  395. #go-button[chromedir="rtl"] {
  396.   list-style-image: url("chrome://browser/skin/Go-rtl.png");
  397. }
  398.  
  399. #go-button:hover {
  400.   -moz-image-region: rect(0px 40px 20px 20px);
  401. }
  402.  
  403. #go-button:hover:active {
  404.   padding: 3px 4px 1px 4px;
  405. }
  406.  
  407. #go-button[disabled="true"] {
  408.   -moz-image-region: rect(0px 60px 20px 40px);
  409. }
  410.  
  411. #go-button > .toolbarbutton-icon {
  412.   margin: 0;
  413. }
  414.  
  415. #go-button > .toolbarbutton-text {
  416.   display: -moz-box !important;
  417.   margin: 0 2px 1px 2px !important;
  418. }
  419.  
  420. #sidebar {
  421.   background-color: Window;
  422. }
  423.  
  424. /* ::::: content area ::::: */
  425.  
  426. #status-bar {
  427.   border-top: none;
  428. }
  429.  
  430. #security-button {
  431.   list-style-image: none;
  432.   min-width: 20px;
  433.   -moz-box-direction: reverse;
  434.   display: none;
  435. }
  436.  
  437. #security-button[level="high"] {
  438.   list-style-image: url("chrome://browser/skin/Secure.png");
  439.   display: -moz-box;
  440. }
  441.  
  442. #security-button[level="low"] {
  443.   list-style-image: url("chrome://browser/skin/Secure.png");
  444.   display: -moz-box;
  445. }
  446.  
  447. #security-button[level="broken"] {
  448.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  449.   display: -moz-box;
  450. }
  451.  
  452. /* XXXsw prevent margins of a value-less label from shifting the image */
  453. #security-button > label:not([value]) {
  454.   display: none;
  455. }
  456.  
  457. #page-report-button {
  458.   list-style-image: none;
  459.   width: 20px;
  460.   display: none;
  461. }
  462.  
  463. #page-report-button[blocked] {
  464.   list-style-image: url("chrome://browser/skin/Info.png");
  465.   display: -moz-box;
  466. }
  467.  
  468. /* ::::: throbber ::::: */
  469.  
  470. #navigator-throbber {
  471.   -moz-appearance: none;
  472.   -moz-user-focus: ignore;
  473.   margin: 0 !important;
  474.   border: none !important;
  475.   padding: 0px !important;
  476.   min-width: 0;
  477.   background-color: transparent;
  478.   list-style-image: url("chrome://browser/skin/Throbber-small.png");
  479. }
  480.  
  481. #navigator-throbber[busy="true"] {
  482.   list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif");
  483.   opacity: 0.5;
  484. }
  485.  
  486. toolbar[iconsize="small"] #navigator-throbber,
  487. toolbar[mode="text"] #navigator-throbber {
  488.   list-style-image: url("chrome://browser/skin/Throbber-small.png");
  489. }
  490. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  491. toolbar[mode="text"] #navigator-throbber[busy="true"] {
  492.   list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif");
  493.   opacity: 0.5;
  494. }
  495.  
  496. .tabs-closebutton > .toolbarbutton-icon {
  497.   -moz-margin-end: 0px !important;
  498.   -moz-padding-end: 2px !important;
  499.   -moz-padding-start: 2px !important;
  500. }
  501.  
  502. .tabs-closebutton {
  503.   list-style-image: url("chrome://global/skin/icons/close.png");
  504.   -moz-appearance: none;
  505.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  506.   padding: 4px 2px;
  507.   border: none !important;
  508. }
  509.  
  510. .tabs-closebutton:hover {
  511.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  512. }
  513.  
  514. .tabs-closebutton:hover:active {
  515.   -moz-image-region: rect(0px, 48px, 16px, 32px);
  516. }
  517.  
  518. #sidebar-box .tabs-closebutton {
  519.   margin-bottom: 0px !important;
  520.   padding: 0px 2px 0px 2px !important;
  521. }
  522.  
  523. #FindToolbar > .tabs-closebutton {
  524.     border: 1px solid transparent;
  525.   padding: 3px 2px 4px 2px !important;
  526. }
  527.  
  528. toolbarbutton.chevron {
  529.   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  530. }
  531.  
  532. toolbarbutton.chevron[chromedir="rtl"] {
  533.   list-style-image: url("chrome://global/skin/toolbar/chevron-rtl.gif") !important;
  534. }
  535.  
  536. toolbarbutton.chevron > .toolbarbutton-text {
  537.   display: none; /* hide chevron label */
  538. }
  539.  
  540. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  541.   display: none;
  542. }
  543.  
  544. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  545.   display: -moz-box; /* display chevron icon in text mode */
  546. }
  547.  
  548. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  549.   display: -moz-box;
  550. }
  551.  
  552. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  553.    display: none;
  554. }
  555.  
  556. #sidebar-throbber[loading="true"] {
  557.   list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif");
  558.   opacity: 0.5;
  559.   -moz-margin-end: 4px;
  560. }
  561.  
  562. #urlbar[level="high"] > .autocomplete-textbox-container,
  563. #urlbar[level="low"] > .autocomplete-textbox-container {
  564.   background-color: #F5F6BE; /* #F7F898; */
  565.   color: #000000;
  566. }
  567.  
  568. #urlbar[level="high"] #lock-icon {
  569.   list-style-image: url("chrome://browser/skin/Secure.png");
  570. }
  571. #urlbar[level="low"] #lock-icon {
  572.   list-style-image: url("chrome://browser/skin/Secure.png");
  573. }
  574. #urlbar[level="broken"] #lock-icon {
  575.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  576. }
  577.  
  578.  
  579. #feed-button, #feed-button > .button-box,
  580. #feed-button:hover:active > .button-box {
  581.   padding: 0px;
  582.   margin: 0px;
  583.   border: 0px; 
  584.   background-color: transparent;
  585. }
  586.  
  587. #feed-button .button-menu-dropmarker,
  588. #feed-button .button-text {
  589.   display: none;
  590. }
  591.  
  592. #feed-button {
  593.   -moz-binding: url("chrome://global/content/bindings/button.xml#menu");
  594.   -moz-appearance: none; 
  595.   min-width: 0px; 
  596.   margin-right: 1px !important;
  597. }
  598.  
  599. #feed-button[feeds] {
  600.   list-style-image: url("chrome://browser/skin/page-livemarks.png");
  601. }
  602. #feed-button[chromedir="rtl"][feeds] {
  603.   list-style-image: url("chrome://browser/skin/page-livemarks-rtl.png");
  604. }
  605.  
  606. /* ::::: About Popup Blocking dialog ::::: */
  607. #pageReportFirstTime statusbarpanel.statusbar-resizerpanel {
  608.   visibility: collapse;
  609. }
  610.  
  611. #checkForUpdates[loading="true"] {
  612.   list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif");
  613. }
  614.  
  615.  
  616.  
  617. /* :::::: Bookmarks toolbar styling :::::: */
  618.     #PersonalToolbar > #personal-bookmarks toolbarbutton {
  619.         -moz-appearance: none;
  620.         color: #333333;
  621.         border: none;
  622.     }
  623.       #PersonalToolbar > #personal-bookmarks toolbarbutton label {
  624.       }
  625.     #PersonalToolbar > #personal-bookmarks toolbarbutton:hover {
  626.         -moz-appearance: none;
  627.         color: #2E61D9;
  628.         border: none;
  629.     }
  630.